<!DOCTYPE html>
<html class="mdc-typography">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" type="text/css">
  <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue-pink.min.css" />
  <script defer src="https://code.getmdl.io/1.3.0/material.min.js" type="text/javascript">
  </script>
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>
    关于作者 - bilibili经验值计算工具
  </title>
</head>

<body>
  <!-- Uses a header that scrolls with the text, rather than staying
  locked at the top -->
  <div class="mdl-layout mdl-js-layout">
    <header class="mdl-layout__header mdl-layout__header--scroll">
      <div class="mdl-layout__header-row">
        <!-- Title -->
        <span class="mdl-layout-title">关于作者</span>
        <!-- Add spacer, to align navigation to the right -->
        <div class="mdl-layout-spacer"></div>
        <!-- Navigation -->

      </div>
    </header>
    <div class="mdl-layout__drawer">
      <span class="mdl-layout-title">bilibili经验值计算工具</span>
      <nav class="mdl-navigation">
        <a class="mdl-navigation__link" href="./index.html">经验值计算</a>
        <a class="mdl-navigation__link" href="./help.html">工具用法&amp;原理</a>
        <a class="mdl-navigation__link" href="./links.html">相关链接</a>
        <a class="mdl-navigation__link" href="./about.html">关于作者</a>
      </nav>
    </div>
    <main class="mdl-layout__content">
      <div class="page-content">
        <!-- Your content goes here -->

        <style>
          .mdl-card {
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
          }
        </style>

        <div class="mdl-card mdl-shadow--2dp" style="margin-top: 50px;">
          <div class="mdl-card__title">
            <h2 class="mdl-card__title-text">关于作者</h2>
          </div>
          <div class="mdl-card__supporting-text">
            This text might describe the photo and provide further information, such as where and
            when it was taken.
          </div>
        </div>
      </div>
    </main>
  </div>
</body>

</html>